<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=640,maximum-scale=1.3,user-scalable=no,minimal-ui"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-touch-fullscreen" content="no"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<title>星际喵 Nyanko Planet</title>
<link href="css/swiper.min.css" type="text/css" rel="stylesheet">
<link href="css/pets.css" type="text/css" rel="stylesheet">
</head>
<body>
<header class="phd tc fx">
	<a class="logo" href="index.html"><img src="images/hd01.png" /></a>
	<div class="navbtn pa" id="navbtn">&nbsp;</div>
	<div class="navdrop pa">
		<div class="apply"><a href="agent.html" class="pinkbtn">成为代理商</a></div>
		<ul>
			<li><a href="find.html">发现星喵际</a></li>
			<li><a href="">网上商城</a></li>
			<li><a href="lab.html">爱猫实验室</a></li>
			<li><a href="product.html">所有产品</a></li>
		</ul>
	</div>
</header>
<section class="pagewrap pr">
	<div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="images/swp01.jpg" /></div>
            <div class="swiper-slide"><img src="images/swp02.jpg" /></div>
            <div class="swiper-slide"><img src="images/swp03.jpg" /></div>
            <div class="swiper-slide"><img src="images/swp04.jpg" /></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
	<div class="arrow tc pa"><img width="36" src="images/arrow.png" /></div>
</section>
<section class="box01-recomd">
	<div class="titlebox tc">
		<strong class="new">新品推荐</strong>
		<p>中国同步上市，最新喵物</p>
	</div>
	<ul class="prolist">
		<li><img class="img" src="images/img06.png" /><div class="title">长毛猫专用水蜜桃猫砂</div><a href="agent.html" class="share pa"></a></li>
		<li><img class="img" src="images/img05.png" /><div class="title">短毛猫专用木制猫砂</div><a href="agent.html" class="share pa"></a></li>
		<li><img class="img" src="images/img03.png" /><div class="title">怀石™系列精御膳（幼猫）</div><a href="agent.html" class="share pa"></a></li>
		<li><img class="img" src="images/img04.png" /><div class="title">怀石™系列梦御膳（成猫）</div><a href="agent.html" class="share pa"></a></li>
		<li><img class="img" src="images/img02.png" /><div class="title">怀石™系列无谷鹿肉猫粮（成猫）</div><a href="agent.html" class="share pa"></a></li>
		<li><img class="img" src="images/img01.png" /><div class="title">怀石™系列无谷鹿肉猫粮（幼猫）</div><a href="agent.html" class="share pa"></a></li>
	</ul>
</section>
<section class="box01-ban cf">
	<a href="find.html"><img src="images/ban01.png" /></a>
</section>
<section class="graybg">
<section class="box01-news">
	<div class="titlebox tc">
		<strong class="zmxw">星际喵新闻</strong>
		<p>星际喵为您呈现最新新闻</p>
	</div>
	<div class="swiper-container-news">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="newsdetail.html">
				<img class="img" src="images/img02.jpg" />
				<div class="txt">
				<h5>这是新闻标题</h5>
				<div class="date">2017年8月1日</div>
				<div class="desc">即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫</div>
				<div class="addbtn pa"></div>
			</div>
			</a>
            </div>
             <div class="swiper-slide"><a href="newsdetail.html">
				<img class="img" src="images/img02.jpg" />
				<div class="txt">
				<h5>这是新闻标题</h5>
				<div class="date">2017年8月1日</div>
				<div class="desc">即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫</div>
				<div class="addbtn pa"></div>
			</div>
			</a>
            </div>
             <div class="swiper-slide"><a href="newsdetail.html">
				<img class="img" src="images/img02.jpg" />
				<div class="txt">
				<h5>这是新闻标题</h5>
				<div class="date">2017年8月1日</div>
				<div class="desc">即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫</div>
				<div class="addbtn pa"></div>
			</div>
			</a>
            </div>
        </div>
        <div class="swiper-pagination-news"></div>
    </div>
</section>
<section class="box01-news">
	<div class="titlebox tc">
		<strong class="mjx">买家秀</strong>
		<p>来自星际喵“喵粉”的展示</p>
	</div>
	<div class="swiper-container-mjx">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="newsdetail.html"><img class="img" src="images/img02.jpg" /><div class="txt">
				<h5>这是新闻标题</h5>
				<div class="date">2017年8月1日</div>
				<div class="desc">即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫</div>
				<div class="addbtn pa"></div>
			</div>
			</a>
            </div>
            <div class="swiper-slide"><a href="newsdetail.html"><img class="img" src="images/img02.jpg" /><div class="txt">
				<h5>这是新闻标题</h5>
				<div class="date">2017年8月1日</div>
				<div class="desc">即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫</div>
				<div class="addbtn pa"></div>
			</div>
			</a>
            </div>
            <div class="swiper-slide"><a href="newsdetail.html"><img class="img" src="images/img02.jpg" /><div class="txt">
				<h5>这是新闻标题</h5>
				<div class="date">2017年8月1日</div>
				<div class="desc">即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫即使是家有一猫</div>
				<div class="addbtn pa"></div>
			</div>
			</a>
            </div>
        </div>
        <div class="swiper-pagination-mjx"></div>
    </div>
</section>
<section class="box01-lab box01-lab-index pr">
	<a href="lab.html">
	<img class="img" src="images/img02.jpg" />
	<div class="txt pa">
		<h5 class="tc">爱猫实验室</h5>
		<div class="grp02-lab">星际喵在东京和上海分别设立爱猫实验室，其内居住着CFA认证的14个品种的40多只纯种猫咪。其中包括：苏格兰折耳猫、阿比西尼亚、司芬克斯无毛猫、缅因猫、布偶猫、曼基康猫等CFA认证的纯种猫咪。猫咪主要由两名宠物育儿师和护士来照顾。</div>
		<div class="addbtn pa"></div>
	</div>
	</a>
</section>
</section>
<section class="box01-gz">
	<h6 class="tc">关注我们</h6>
	<div class="part01-gz tc">
		<img class="weixin" src="images/gz_01.png" /><a href="http://weibo.com/u/5745540142?refer_flag=1001030101_"><img src="images/gz_02.png" /></a><img class="foreign" src="images/gz_03.png" /><img class="foreign" src="images/gz_04.png" /><img class="foreign" src="images/gz_05.png" />
	</div>
</section>
<section class="box01-order">
	<h6 class="tc">订阅我们</h6>
	<div class="part01-order">
		<input type="text" class="text fl" id="text"  placeholder="输入手机号码/邮箱" /><div class="pinkbtn fl" id="read">订阅</div>
	</div>
</section>
<!-- 底部 -->
<footer class="pfd cf">
	<div class="box01-pfd pr">
		<div class="contact">联系我们</div>
		<div class="contactdrop">
			<div class="box01-cont">
				<p>中国代理联系：</p>
				<p>公司名称：上海真喵商贸有限公司</p>
				<p>地址：上海市黄浦区皋兰路2号甲复兴公园综合楼101室</p>
				<p>邮箱：nyankoplanet@jeniux.co.jp</p>
				<p>电话：+86(0)21-6333-3363</p>
			</div>
			<div class="box01-cont">
				<p>日本代理联系：</p>
				<p>公司名称：真萌運動管理研究開発センター株式会社</p>
				<p>地址：東京都中央区新川一丁目24番12号4階</p>
				<p>邮箱：nyankoplanet@jeniux.co.jp</p>
				<p>电话：+81(0)90-2235-0868</p>
			</div>
		</div>
		<ul>
			<li><a href="http://jeniux.cn/">JENIUX集团网站</a></li>
			<li><a href="job.html">工作机会</a></li>
			<li><a href="news.html">新闻</a></li>
			<li><a href="faq.html">FAQs</a></li>
		</ul>
	</div>
	<div class="box02-pfd tc">
		<p>Copyright @ 2017 Nyanko Planet 版权所有</p>
		<p>上海真喵商贸有限公司</p>
	</div>
</footer>
<!-- 订阅弹出 -->
<div class="readpop fx none" id="readpop">
	<div class="close pa"><img src="images/del_w.png" /></div>
	<h6 class="tc">填写验证码</h6>
	<div class="phonetxt">
		<input type="text" class="text" /><span class="countbtn pa" id="validbtn">获取验证码</span><span class="countbtn pa" id="countbtn" style="display:none;">重获验证码(<b>60</b>)s</span>
	</div>
	<div class="btnbox tc"><div class="pinkbtn">提交</div></div>
</div>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery.pop.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script>
	var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
		autoplay:3000
    });
	var swipernews = new Swiper('.swiper-container-news', {
        pagination: '.swiper-pagination-news',
        paginationClickable: true
    });
	var swipermjx = new Swiper('.swiper-container-mjx', {
        pagination: '.swiper-pagination-mjx',
        paginationClickable: true
    });
	$('.prolist li').click(function(){
		$(this).siblings().removeClass('on');
		$(this).toggleClass('on');
	})
	
</script>
</body>
</html>
